@mixin backface {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

@mixin border($px,$style,$color) {
    border: $px $style $color;
}

@mixin borderRadius($radius : 5px) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}

@mixin transform($transform) {
    -webkit-transform:$transform;
	-moz-transform:$transform;
	-ms-transform:$transform;
    -o-transform:$transform;
	transform:$transform;
}

@mixin opacity($opacity) {
    opacity: $opacity;
    filter: alpha(opacity = $opacity * 100);
}

@mixin link-colors($normal,$hover) {
    color : $normal;
    &:hover {color: $hover;}
}

@mixin link-posColor($normal,$color) {
    background: $normal;
    &:hover {background: $color}
}

@mixin link-backPos($normal,$hover) {
    background-position: $normal;
    &:hover{background-position: $hover;}
}

@mixin boxShadow($box-shadow) {
    -webkit-box-shadow : $box-shadow;
    -moz-box-shadow : $box-shadow;
    -ms-box-shadow : $box-shadow;
    -o-box-shadow : $box-shadow;
    box-shadow : $box-shadow;
}

@mixin linear-gradient($firstColor,$secondColor) {
    background: -webkit-linear-gradient($firstColor,$secondColor);
    background: -moz-linear-gradient($firstColor,$secondColor);
    background: -ms-linear-gradient($firstColor,$secondColor);
    background: -o-linear-gradient($firstColor,$secondColor);
    background: linear-gradient($firstColor,$secondColor);
}
